.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
}
.flexbox{
    display: flex;
}
.square_header{
    .px2rem(height,88);
    .flexbox;
    justify-content:center;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
    label{
        .px2rem(width,88);
        img{
            width:100%;
        }
    }
    span{
        flex: 1;
        text-align: center;
        margin: 0 auto;
        .px2rem(font-size,32);
    }
}
.square_list{
    .px2rem(height,116);
    border-bottom: 24px solid #f7f7f7;   
    ul {
        .flexbox;
        align-items: center;
        li{
           .px2rem(font-size,29);
           color: #b1b1b1;
           text-align: center;
          .px2rem(line-height,116);
           flex:1;
           &.brand_on{
               color: #1b1b1b;
               border-bottom: 4px solid #fed201;
           }
        }
    } 
}

.choose_guanzhu{
    position: relative;
    .px2rem(height,172);
    .flexbox;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    label{
        display: block;
        img{
             .px2rem(margin-left,42);
            .px2rem(width,95);
            .px2rem(height,96);
            vertical-align: middle;
        }
    }
    span{
        display: inline-block;
        .px2rem(line-height,172);
        .px2rem(margin-left,38);
        .px2rem(font-size,20);
         color: #4d4d4d;
       
    }
    button{
         .px2rem(margin-right,32);
         .px2rem(width,136);
         .px2rem(height,48);
         background: #fed201;
         .px2rem(font-size,24);
         color: #4c4c4c;
         border: none;
    }
   .btn{
       background: #ccc;
   }
}
.choose_banner{
    img{
        .px2rem(height,753);
        width:100%;
    }
}
.choose_conter{
    h5{
        .px2rem(margin-top,34);
        .px2rem(margin-bottom,65);
        .px2rem(margin-left,24);
        .px2rem(font-size,26);
         color: #a7a7a7;
    }
    .choose_ico{
        .flexbox;
         .px2rem(margin-bottom,40);
        label{
            .px2rem(margin-left,22);
            img{
                  .px2rem(width,31);
                  .px2rem(height,30);
            }
        }
        .choose_ioc1{
            .flexbox;
            margin-left:70%;
            span{
            display: block;
            .px2rem(height,14);
            .px2rem(width,14);
            background: #dfdfdf;
            .px2rem(border-radius, 10);
            .px2rem(margin-left, 8);
        }
        }
    }
    ul{
        .flexbox;
        li{
            .px2rem(margin-left,10);
            .px2rem(margin-top,36);
           img{
             .px2rem(width,71);
             .px2rem(height,72);
               
           } 
        }
    }
    .list{
        flex-direction: column;
        color: #959595;
        li{
           .px2rem( letter-spacing,2);
           span{
               color: #000000;
                font-weight: bold;
                .px2rem(font-size,26);
            }
        }
    }
    a{
         display: block;
        .px2rem(margin-top,50);
        .px2rem(margin-left,258);
        .px2rem(font-size,30);
        color: #fed201;
    }
    p{
        border: 24px solid #f7f7f7;
        .px2rem(margin-top,48);
    }
}





